<div class="container">
	<?php 
	session_start();
	$id=$_SESSION['idUsr'];

	include_once ("DBKonexioa.php");

	$konexioa= new DBKonexioa();

	if ($konexioa->konektatu()!=true){
		die ("No se ha podido conecar a la base de datos");
	}else{
		$sql="SELECT * FROM usuario WHERE id_usuario='$id'";
		$res=mysql_query($sql);
		$row=mysql_fetch_assoc($res);
		echo "<div class=\"row\">";
		if($row['imagen']==""){
			$img="image_not_found.jpg";
		}

		echo "<div class=\"col-md-4\">";
		echo "<img class=\"img-thumbnail\" src=\"../images/userImages/$img\">";
		echo "</div>";
		echo "<div class=\"col-md-4\">";
		echo "<br><br><br><br><button class=\"btn btn-md btn-info\" data-toggle=\"modal\" data-target=\"#changeUsrFoto\">Cambiar foto</button>";
		echo "</div>";

		echo "</div>";


		echo "<div class=\"row\">";
		echo "<form id=\"usrEditForm\">";

		echo "<br>";
		echo "<div id=\"emailDiv\" class=\"form-group\">
		<label for=\"email\" class=\"control-label\">Email*:</label> $row[email]

		</div>";



		echo "<br>";
		echo "<div class=\"form-grup\">";
		echo "<button class=\"btn btn-md btn-info\" data-toggle=\"modal\" data-target=\"#changeUsrPswd\" onclick=\"iniciar();\">Cambiar contraseña</button>";
		echo "</div>";
		echo "<br>";

		echo "<div class=\"form-group\">
		<label for=\"nombre\">Nombre*:</label> <input class=\"form-control\"
		value=\"$row[nombre]\" type=\"text\" name=\"nombre\" placeholder=\"Introduzca su nombre\">
		</div>";

		echo "<div class=\"form-group\">
		<label for=\"apellido\">Apellido*:</label> <input class=\"form-control\"
		value=\"$row[apellido]\"type=\"text\" name=\"apellido\" placeholder=\"Introduzca su apellido\">
		</div>";

		echo "<div class=\"form-group\">
		<label for=\"nick\">Nickname:</label> <input class=\"form-control\"
		value=\"$row[nick]\" id=\"nick\" type=\"text\" name=\"nick\" placeholder=\"Introduzca su Nick\">
		</div>";

		echo "<div class=\"form-group\">

		<label for=\"fNacimiento\">Fecha de nacimiento*:</label> <input
		value=\"$row[f_nacimiento]\" id=\"userDatepicker\" class=\"form-control\"
		type=\"text\"
		name=\"fNacimiento\">
		</div>";
		echo "<div class=\"form-group\">
		<label for=\"tlf\">telefono de contacto*:</label> <input
		value=\"$row[tlf]\"class=\"form-control\" id=\"tlf\" type=\"text\" name=\"tlf\"
		placeholder=\"Introduzca su teléfono\">
		</div>";

		echo "<div class=\"form-group\">
		<label for=\"estudios\">Estudios*:</label>
		<textarea name=\"estudios\" class=\"form-control\" rows=\"5\"
		placeholder=\"Escriba cuales son sus estudios\">$row[estudios]</textarea>
		<p class=\"help-block\">Debe rellenar el campo al menos con 30
		caracteres</p>
		</div>";

		echo "<div class=\"form-group\">
		<label for=\"datos\">Datos de interes*:</label>
		<textarea class=\"form-control\" rows=\"5\" name=\"datos\"
		placeholder=\"Escriba sus datos de interés\">$row[datos]</textarea>
		<p class=\"help-block\">Debe rellenar el campo al menos con 30
		caracteres</p>
		</div>";

		echo "</form>";
		echo "<button class=\"btn btn-lg btn-success pull-right\" onclick=\"aplyUsr();\"> Aplicar cambios </button>";
		echo "</div>";
	}

	$konexioa->konexioaItxi();
	?>

</div>

<div class="modal fade" id="changeUsrFoto"
	tabindex="-1" role="dialog" aria-labelledby="myModalLabel"
	aria-hidden="true">
	<div class="modal-dialog">
		<div class="modal-content">
			<div class="modal-header">
				<button type="button" class="close" data-dismiss="modal"
					aria-hidden="true">&times;</button>
				<h4 class="modal-title" id="myModalLabel">Cambiar foto del Usuario:</h4>
			</div>
			<div class="modal-body">
				<form name="changeUsrPhoto" method="POST" 
				role="form" action="changeUserPhoto.php" enctype="multipart/form-data">
					<div class="form-group">
						<br> <label for="foto">Introduzca la imagen para el favor:</label>
						<input type="file" name="changeUsrPhoto" class="form-control"
							onchange="checkImage(this);">
					</div>
				</form>

			</div>
			<div class="modal-footer">
				<button id="changeUsrPhoto" type="button" class="btn btn-success" onclick="UpdateUserPhoto();">Cambiar
					foto</button>

				<button type="button" class="btn btn-default" data-dismiss="modal">Cerrar</button>

			</div>


		</div>
		<!-- /.modal-content -->
	</div>
	<!-- /.modal-dialog -->
</div>
<!-- /.modal -->

<div class="modal fade" id="changeUsrPswd"
	tabindex="-1" role="dialog" aria-labelledby="myModalLabel"
	aria-hidden="true">
	<div class="modal-dialog">
		<div class="modal-content">
			<div class="modal-header">
				<button type="button" class="close" data-dismiss="modal"
					aria-hidden="true">&times;</button>
				<h4 class="modal-title" id="myModalLabel">Cambiar Contraseña:</h4>
			</div>
			<div class="modal-body">
				<div id="exitoPswd">La contraseña se ha cambiado correctamente.</div>
				<div id="fracasoPswd">La contraseña no se ha cambiado correctamente.
					Por favor, vuelva a intentarlo.</div>
				<div id="formChangePswd">
					<form id="changeUsrPswd">
						<div class="form-group">
							<label for="oldPswd" class="control-label">Password actual:</label>
							<input class="form-control" type="password" name="oldPswd"
								placeholder="Introduzca su password actual">
						</div>

						<div class="form-group" id="newPassDiv">
							<label for="pswd" class="control-label">Password*:</label> <input
								class="form-control" id="newPswd" type="password" name="newPswd"
								placeholder="Introduzca su nueva password">
						</div>

						<div class="form-group" id="newPassDiv2">
							<label for="pswd2" class="control-label">Repetir password*:</label>
							<input class="form-control" id="newPswd2" type="password"
								name="newPswd2" placeholder="Repita su nueva contraseña"
								onblur="checkUsrPassword();">
						</div>
						<div id="newCheckPswd" class="form-group">
							<p class="text-danger">La contraseña introducida no es válida,
								compruebe los campos</p>
						</div>
						<div id="tip" class="form-group">
							<p class="text-danger">La contraseña debe contener 6 caracteres y
								un número como mínimo</p>
						</div>
					</form>
				</div>

			</div>
			<div class="modal-footer">
				<button id="submitUsrPswd" type="button" class="btn btn-success">Cambiar
					contraseña</button>

				<button type="button" class="btn btn-default" data-dismiss="modal">Cerrar</button>

			</div>


		</div>
		<!-- /.modal-content -->
	</div>
	<!-- /.modal-dialog -->
</div>
<!-- /.modal -->
<script type="text/javascript">
$('#userDatepicker').datepicker({
    format: 'yyyy-mm-dd'
});
	</script>
